<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>后台管理</title>
<script src="http://cdn.bootcss.com/jquery/2.1.0-beta3/jquery.min.js"></script>
<link rel="stylesheet" href="__STATIC__/layui/css/layui.css">
<link rel="stylesheet" href="__STATIC__/css/admin.css">
<script src="__STATIC__/layui/layui.js"></script>
<script src="__STATIC__/layui/lay/modules/laytpl.js"></script>
<style>
.top-right{
	width:84.5%;
	margin-left:15%;
	margin-top:-37px;	
	text-align:center;
	letter-spacing:1px;
	font-size:14px;
}
.loginname{
 position:absolute;
 margin-left:260px;
}
.nav_sel{
	background:#009688;color:#fff;
}
.layui-nav-tree .layui-nav-child a:hover{
	background:#1E9FFF;color:#fff;
}
.setInfo,.loginout{
	text-align:left;
}
.h50{
	height:50px;line-height:50px;
}
.layui-nav-img{
	width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
}
.loginout{
	float:right;margin:14px 0 0;
	width:100px;
	height:33px;
	line-height:33px;
	text-align:center;
	background-color:rgba(0,0,0,.3);
}
.loginout:hover{
	background-color:#DEDEDE;color:#1E9FFF;
}
.navbox{
	width:180px;
	height:100px;
	border:0;
	float:right;
	margin-top:5px;
}
</style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
   <div class="layui-header header header-admin">
		  	<div class="layui-main" style="line-height:60px;text-align:center;font-size:16px;">
		  	        <font color="white">微信开放平台第三方授权简单操作平台</font>
		  	         <!-- <ul class="layui-nav" style="float:right;">				
						  <li class="layui-nav-item">
						    <a href="javascript:;" class="h50"><img src="http://t.cn/RCzsdCq" class="layui-nav-img">jeff168</a>
						    <dl class="layui-nav-child">				  
						      <dd><a href="javascript:;" class="loginout">退出</a></dd>
						    </dl>
						  </li>
				     </ul> -->		
				     <div class="navbox">		  
				     <a href="javascript:;" style="position:absolute;right:40px;top:5px;color:#fff;" class="h50"><img src="__STATIC__/images/0.jpg" class="layui-nav-img">{$username|default="admin"}
				     &nbsp;<span id="arrow"><i class="layui-icon" style="font-size:9px;">&#xe61a;</i></span></a>  
				     <button type="button" class="layui-btn loginout" style="position:absolute;right:40px;top:46px;text-align:left;display:none;">退出</button>
				     </div>
			 </div>               				
  </div>

  <div id="sidebar-side" class="layui-side layui-bg-black">
        <div id="admin-navbar-side" class="layui-side-scroll" lay-filter="side">
          <ul class="layui-nav layui-nav-tree site-demo-nav">
          <!-- <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">网站设置</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/config/index')}">全局设置</a>
            </dd>
            <dd>
              <a href="{:url('man/config/video')}">导流设置</a>
            </dd>
             <dd>
              <a href="{:url('man/lead/txt')}">文字链导量列表</a>
            </dd>
            <dd>
              <a href="{:url('man/config/listFile')}">公众号校验文件列表</a>
            </dd>
          </dl>
        </li> -->
        <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">第三方平台</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/auth/index')}">授权配置信息列表</a>
            </dd>            
            <!-- <dd>
              <a href="{:url('man/auth/wechat')}">授权公众号列表</a>
            </dd> -->
          </dl>
        </li>
         
      
      <!--
 <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">内容管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/zb/dlist')}">内容列表</a>
            </dd>
          </dl>
        </li>
        <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">【爱测测】广告管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/ad/pic')}">图片广告</a>
            </dd>
            <dd>
              <a href="{:url('man/ad/txt')}">文字广告</a>
            </dd>
          </dl>
        </li>
 <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">【装逼】内容管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/zb/dlist')}">内容列表</a>
            </dd>
          </dl>
        </li>
   <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">内容管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/zb/dlist')}">内容列表</a>
            </dd>
          </dl>
        </li>     
        <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">【爱测测】内容管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/article/category')}">分类管理</a>
            </dd>
            <dd>
              <a href="{:url('man/article/index')}">题目管理</a>
            </dd>
          </dl>
        </li>
        <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">【爱测测】域名管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/domain/dlist','did=1')}">到达列表</a>
            </dd>
            <dd>
              <a href="{:url('man/domain/add','did=1')}">添加到达</a>
            </dd>
            <dd>
              <a href="{:url('man/domain/dlist','did=2')}">跳转列表</a>
            </dd>
            <dd>
              <a href="{:url('man/domain/add','did=2')}">添加跳转</a>
            </dd>
            <dd>
              <a href="{:url('man/domain/dlist','did=3')}">对接列表</a>
            </dd>
            <dd>
              <a href="{:url('man/domain/add','did=3')}">添加对接</a>
            </dd>
          </dl>
        </li>
       
        <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">【装逼】域名管理</a>
          <dl class="layui-nav-child">
             <dd>
              <a href="{:url('man/jump/dlist')}">跳转列表</a>
            </dd>
            <dd>
              <a href="{:url('man/jump/add')}">添加跳转</a>
            </dd>
            <dd>
              <a href="{:url('man/arrive/dlist')}">到达列表</a>
            </dd>
            <dd>
              <a href="{:url('man/arrive/add')}">添加到达</a>
            </dd>
          </dl>
        </li>-->
       <!--  <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">【第三方】域名管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/party/dlist')}">到达列表</a>
            </dd>
            <dd>
              <a href="{:url('man/party/add')}">添加到达</a>
            </dd>
            <dd>
              <a href="{:url('man/jumps/dlist')}">跳转列表</a>
            </dd>
            <dd>
              <a href="{:url('man/jumps/add')}">添加跳转</a>
            </dd>
          </dl>
        </li> -->
      <!-- <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">【视频】域名管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="{:url('man/reach/dlist')}">到达列表</a>
            </dd>
            <dd>
              <a href="{:url('man/reach/add')}">添加到达</a>
            </dd>
            <dd>
              <a href="{:url('man/gotos/dlist')}">备份列表</a>
            </dd>
            <dd>
              <a href="{:url('man/gotos/add')}">添加备份</a>
            </dd> -->
           <!--  <dd>
              <a href="{:url('man/vendor/dlist')}">对接列表</a>
            </dd>
            <dd>
              <a href="{:url('man/vendor/add')}">添加对接</a>
            </dd>
             <dd>
              <a href="{:url('man/share/dlist')}">分享链接</a>
            </dd>
            <dd>
              <a href="{:url('man/share/add')}">添加分享</a>
            </dd> -->
             <!--  </dl>
        </li>  -->
       <!-- <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">广告域名管理</a>
          <dl class="layui-nav-child">
             <dd>
              <a href="{:url('man/domain/dlist','did=6')}">广告域名列表</a>
            </dd>
            <dd>
              <a href="{:url('man/domain/add','did=6')}">添加广告域名</a>
            </dd>
          </dl>
        </li> -->
        
        <!-- <li class="layui-nav-item layui-nav-itemed">
          <a class="javascript:;" href="javascript:;">公众号对接-域名管理</a>
          <dl class="layui-nav-child">
           <dd>
              <a href="{:url('man/jump/dlist')}">视频跳转列表</a>
            </dd>
            <dd>
              <a href="{:url('man/jump/add')}">添加跳转</a>
            </dd>
             <dd>
              <a href="{:url('man/arrive/dlist')}">视频到达列表</a>
            </dd>
            <dd>
              <a href="{:url('man/arrive/add')}">添加到达</a>
            </dd>
            <dd>
            <a href="{:url('man/vendor/dlist')}">对接列表</a>
          </dd>
          <dd>
            <a href="{:url('man/vendor/add')}">添加对接</a>
          </dd>
          </dl>
        </li> -->
        
        </div>
  </div>

  <script>
	layui.use('element', function(){
	  var element = layui.element(); //导航的hover效果、二级菜单等功能，需要依赖element模块
	  
	  //监听导航点击
	  element.on('nav(demo)', function(elem){
	    //console.log(elem)
	    layer.msg(elem.text());
	  });
	});
</script>
<script>
layui.use('layer',function(){
	var layer = layui.layer;
})
;!function(){
	     $(".navbox").hover(
                 function() {
                	 $("#arrow").html('<i class="layui-icon" style="font-size:9px;">&#xe619;</i>');
                     $(".loginout").fadeIn("fast");
                 },
                 function() {
                	 $("#arrow").html('<i class="layui-icon" style="font-size:9px;">&#xe61a;</i>');
                	 $(".loginout").fadeOut("slow");
                 }
         );
		$('.loginout').click(function(){
			 layer.confirm('真的要退出吗?', function(index){
				 layer.close(index);
				 window.location.href = "{:url('man/site/loginOut')}";		
			   });		
		});
	}();	
</script>